<!--<template>-->
<!--  <div class="addBrand-container">-->
<!--    <div class="container">-->
<!--      <n-card class="custom-card">-->
<!--        <div style="display: flex; flex-direction: row; width: 100%; align-items: center; margin-bottom: 0px;">-->
<!--          <div ref="lottieContainer" style="width: 70px; height: 70px; margin-left: 5px;"></div>-->
<!--          <div class="gradient-text">&nbsp;&nbsp;&nbsp;&nbsp;{{ goodInfo.description }}</div>-->
<!--        </div>-->
<!--      </n-card>-->
<!--      <div style="height: 10px"></div>-->
<!--      <n-card class="custom-card">-->
<!--        <div style="flex-wrap: wrap; display: flex;">-->
<!--          <div style="width: 40%">-->
<!--            <n-image style="width: 100%; height: 350px; border: none; cursor: pointer;">-->
<!--              <template #error>-->
<!--                <img src="../../images/noImg.png" style="width: auto; height: 40px; border: none;">-->
<!--              </template>-->
<!--            </n-image>-->
<!--          </div>-->
<!--          <div style="width: 8%"></div>-->
<!--          <div style="width: 50%">-->
<!--            <div>-->
<!--              <span style="font-weight: bold; font-size: x-large; color: #2a2a2a">{{goodInfo.name}}</span>-->
<!--            </div>-->
<!--            <div style="display: flex; justify-content: flex-start; align-items: center;">-->
<!--              <p style="font-size: 15px; color: #ff5000;">热卖促销：</p>-->
<!--              <p style="font-weight: bold; font-size: 15px; color: #ff5000;">￥</p>-->
<!--              <p style="font-weight: bold; font-size: 23px; color: #ff5000;">{{ goodInfo.price }}</p>-->
<!--            </div>-->
<!--            <div style="margin-top: 18px; display: flex">-->
<!--              <span>类别：</span>-->
<!--              <span>{{categoryName}}</span>-->
<!--            </div>-->
<!--            <div style="margin-top: 33px; display: flex">-->
<!--              <span>版式：</span>-->
<!--              <div style="flex-wrap: wrap; display: flex;">-->
<!--                <n-button v-for="(item, index) in formats" :key="index" @click="selectFormat(item)">{{ item }}</n-button>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </n-card>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup>-->
<!--import { ref, onMounted } from 'vue'-->
<!--import { useMessage } from 'naive-ui'-->

<!--const goodInfo = ref({-->
<!--  description: '产品描述',-->
<!--  image: '产品图片地址',-->
<!--  name: '产品名称',-->
<!--  price: 100.00-->
<!--})-->

<!--const formats = ref(['格式1', '格式2', '格式3'])-->
<!--const categoryName = ref('类别名称')-->

<!--const message = useMessage()-->

<!--// const selectFormat = (format) => {-->
<!--//   message.success(`您选择了格式：${format}`)-->
<!--// }-->
<!--//-->
<!--// const getImage = (image) => {-->
<!--//   return image ? image : '默认图片地址'-->
<!--// }-->

<!--onMounted(() => {-->
<!--  // 初始化代码-->
<!--})-->
<!--</script>-->

<!--<style scoped>-->
<!--.addBrand-container {-->
<!--  padding: 20px;-->
<!--}-->

<!--.container {-->
<!--  margin: 0 auto;-->
<!--  max-width: 1200px;-->
<!--}-->

<!--.custom-card {-->
<!--  padding: 20px;-->
<!--  margin-bottom: 20px;-->
<!--}-->

<!--.gradient-text {-->
<!--  background: linear-gradient(to right, #ff7e5f, #feb47b);-->
<!--  -webkit-background-clip: text;-->
<!--  -webkit-text-fill-color: transparent;-->
<!--}-->
<!--</style>-->
